<template>
  <div class="i-list">
    <van-grid :column-num="3" :gutter="5" square>
      <van-grid-item v-for="item in subMenus" :key="item.id">
        <img v-lazy="item.image" width="60px" height="60px" />
        <div style="font-size: 12px">{{ item.title }}</div>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  props: {
    subMenus: Array
  }
}
</script>

<style lang="less" scoped>
.i-list {
  max-height: 100vh;
  overflow: scroll;
  padding-top: 10px;
}
.i-list::-webkit-scrollbar {
  width: 0;
}
</style>
